import { ref } from 'vue';

// 创建一个响应式的全局状态
const isDarkMode = ref(localStorage.getItem('darkMode') === 'true');

// 切换主题模式
function toggleDarkMode() {
  isDarkMode.value = !isDarkMode.value;
  
  // 更新 localStorage
  localStorage.setItem('darkMode', isDarkMode.value ? 'true' : 'false');
  
  // 更新 body 类
  if (isDarkMode.value) {
    document.body.classList.add('dark-mode');
  } else {
    document.body.classList.remove('dark-mode');
  }
}

// 初始化主题
function initTheme() {
  // 根据初始状态设置 body 类
  if (isDarkMode.value) {
    document.body.classList.add('dark-mode');
  } else {
    document.body.classList.remove('dark-mode');
  }
}

export default {
  isDarkMode,
  toggleDarkMode,
  initTheme
}; 